@charset "utf-8";
/*Author:Yangyg QQ:422297784*/
/*homeFigure*/
.homeFigure { position:relative; clear:both; height:300px; min-width:1200px; overflow:hidden; background-color:#333; }
.homeFigure .list,.homeFigure .list li,.homeFigure .list a { width:100%; height:100%; }
.homeFigure .list a { display:block; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; }
.homeFigure .close { cursor:pointer; position:absolute; right:10px; bottom:10px; z-index:1; background:url(../images/i_close.png) no-repeat; width:84px; height:28px; }

/*roadbar*/
.roadbar{margin:0 auto; position: relative; z-index:1; padding:60px 0 25px 17px; box-sizing:border-box; width:1200px; font-size:20px; line-height:30px;}
.roadbar .t{ display:inline-block; color:#000; border-bottom:2px solid #0063ff; font-weight:normal;}
.roadbar a{ margin-left:35px; color:#666;}
.roadbar a:hover{ color:#0063ff;}
.roadbar .btn { position:absolute; top:60px; right:0; width:142px; height:30px; background:url(../images/i_ask2.png) no-repeat 0 0; cursor:pointer;}
.roadbar .btn:hover { box-shadow:0px 0px 5px rgba(0,0,0,.2);}

/*scrollActive*/
.scrollActive { float:left; width:620px; height:330px; overflow:hidden; }
.scrollActive .list,.scrollActive .list li,.scrollActive .list a { width:100%; height:100%; }
.scrollActive .list a { position:relative; display:block; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; }
.scrollActive .list a:after { position:absolute; left:0; bottom:0; width:100%; height:50%; background:-o-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,.8)); background:-moz-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,.8)); background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.8)); content:'';}
.scrollActive .list .btm { position:absolute; left:0; bottom:0; z-index:1; padding:20px 15px; box-sizing:border-box; line-height:1.5; width:100%; color:#fff; font-size:18px;}
.scrollActive>.swiper-pagination {left:auto; right:10px; width:auto; }
.scrollActive .swiper-pagination-bullet { background-color:#fff; width:10px; height:10px; }

/*line_bg*/
.commRoad li .cover .t:before,.hotRoom .openBtn,
.hotRoom .list .user .follow:hover,.hotRoom .list .user .follow.ok,
.hotRoom .list .user:after,.askBox .btn { background-image:url(../images/line_bg.png); background-position:50% 50%;}
/*i_t*/
.newsArea .col .tBar .t:before,.fame .list .q:before,
.fame .list .r:before,.roadTab:before,.mainT .t.icon:before {background:url(../images/i_t.png) no-repeat;}

/*路演推荐*/
.commRoad { float:left; width:580px; }
.commRoad li {float:left; margin:0 0 10px 10px; overflow:hidden; width:280px; height:160px;}
.commRoad li:nth-child(n+3){ margin-bottom:0;}
.commRoad li a { display:block; position:relative; width:100%; height:100%; overflow:hidden;}
.commRoad li a:after{ position:absolute; left:0; bottom:0; width:100%; height:50%; background:-o-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,.8)); background:-moz-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,.8)); background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.8)); content:'';}
.commRoad li .shade { position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; background:url(../images/i_lock_close.png) no-repeat 50% 50% rgba(0,0,0,.3); background-size:25px 30px;}
.commRoad li .open {background-image:url(../images/i_lock_open.png);}
.commRoad li img { width:100%; height:100%; transition:all .3s; -webkit-transition:all .3s;}
.commRoad li a:hover img { transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);}
.commRoad li .btm { box-sizing:border-box; position:absolute; left:0; bottom:0; z-index:1; padding:10px; line-height:1.3; width:100%; color:#fff;}
.commRoad li .state { position:absolute; right:0; top:0; width:50px; height:50px; background:url(../images/i_state.png) no-repeat;}
.commRoad li .s0 { background-position:0 0;}
.commRoad li .s1 { background-position:-50px 0;}
.commRoad li .s2 { background-position:-100px 0;}
.commRoad li .s3 { background-position:0 -50px;}
.commRoad li .s4 { background-position:-50px -50px;}
.commRoad li .s5 { background-position:-100px -50px;}
.commRoad li .cover { position:absolute; left:0; top:160px; z-index:1; box-sizing:border-box; padding:50px 15px 10px; opacity:.5; width:100%; height:100%; background:-o-linear-gradient(right,rgba(10,18,56,.8),rgba(58,69,97,.8)); background:-moz-linear-gradient(right,rgba(10,18,56,.8),rgba(58,69,97,.8)); background:linear-gradient(to right,rgba(10,18,56,.8),rgba(58,69,97,.8)); transition:all .3s;}
.commRoad li .cover .t { position:relative; font-size:16px; color:#fff; line-height:1.2;}
.commRoad li .cover .t:before { position:absolute; top:-15px; font-size:0; line-height:0; width:65px; height:2px; content:''; background-repeat:no-repeat; background-position:50% 50%; }
.commRoad li .cover .date { position:absolute; bottom:10px; width:100%; font-size:10px; color:#fff; }
.commRoad li a:hover .before {opacity:0;}
.commRoad li a:hover .cover { top:0; opacity:1; }

/*路演数量*/
.roadTotalCol{ margin-top:70px; padding:45px 0 35px; background-color:#f7f7f7;}
.roadTotalCol .con{ margin:0 auto; width:990px; text-align:center;}
.roadTotalCol .col{ float: left; width:330px;}
.roadTotalCol .col .total { font-size:50px; color:#000; line-height:1;}
.roadTotalCol .col .t { margin:15px 0; font-size:16px; color:#666; line-height:1;}
.roadTotalCol .col .btn{ margin:0 auto; display:block; width:94px; height:30px; line-height:30px; color:#fff; font-size:14px; background-color:#4285F4; border-radius:3px;}

/*plat*/
.plat { position:relative; padding:40px 0 20px;}
.plat .t { display:inline-block; position:relative; vertical-align:middle; color:#000; font-size:32px; font-weight:normal;}
.plat .tog { display:inline-block; margin-left:30px; vertical-align:middle; font-size:16px; color:#000;}
.plat .more{ position: absolute; right:0; top:50%; margin-top:5px; font-size:14px; color:#333;}
.plat .tog:hover,.plat .more:hover { color:#0063ff;}
.plat.ask-t .t {padding-left:67px;}
.plat.ask-t .t:before { background:url(../images/i_ask.png) no-repeat;}

/*路演中心*/
.roadList { margin-right:-13px;}
.roadList li { margin:0 13px 30px 0; width:290px; height:100%; }
.roadList li:nth-child(3n) { margin-right:12px; }
.roadList li .top {padding:10px; height:52px;}
.roadList li .pic {height:160px;}
.roadList li .btm { padding:10px;}
.roadList li .btm .t {margin-bottom:5px; font-size:14px; color:#333;}

/*路演视频*/
.roadVideo{ position:relative; padding-right:300px; background-color:#000; height:480px;}
.roadVideo .box{ width:900px; height:480px;}
.roadVideo .video{ width:100%; height:100%;}
.roadVideo .pic{ width:100%; height:100%; }
.roadVideo .play{position: absolute; left: 30px; bottom: 30px; width: 66px; height: 40px; border: 2px solid #fff; cursor: pointer; border-radius: 30px; -webkit-transition: all .3s; transition: all .3s; background: url(../images/i_play.png) no-repeat 50% rgba(0,0,0,0.6);}
.roadVideo .list{ position:absolute; top:15px; right:10px; overflow-x:hidden; overflow-y:auto; padding:0 10px 0 15px; width:270px; height:450px;}
.roadVideo .list::-webkit-scrollbar-thumb {background-color:rgba(255,255,255,.4);}
.roadVideo li{ margin-bottom:15px; position:relative; padding:1px 0 1px 140px; height:73px; cursor:pointer; }
.roadVideo li:hover{ background-color:rgba(255,255,255,.1);}
.roadVideo li:last-child{ margin-bottom:0;}
.roadVideo li.active,.roadVideo li.active:hover{ background-color:rgba(255,255,255,.2);}
.roadVideo li .pic{ position:absolute; left:0; top:0; width:130px; height:75px;}
.roadVideo li .company{ position: absolute; left:0; bottom:0; padding:5px 10px; overflow: hidden; width:130px; box-sizing:border-box; white-space:nowrap; text-overflow:ellipsis; background-color:rgba(0,0,0,.5); font-size: 12px; color:#bbb;}
.roadVideo li .info{ margin:7px 2px 8px 0; overflow:hidden; color:#fff; height:60px; line-height:20px;}

/*精彩瞬间*/
.mt40 { margin-top:40px;}
.bestTime li{ position: relative; float:left; margin-right:12px; width:291px; height:555px;}
.bestTime li:last-child { margin-right:0;}
.bestTime li a { display:block;}
.bestTime li .pic{ position: relative; display:block; margin-bottom:20px; width:291px; height:515px; background-position:50% 50%; background-size:cover; cursor: pointer;}
.bestTime li .pic:after{position: absolute; left: 50%; top: 50%; width: 50px; height:50px; margin:-25px 0 0 -25px; cursor: pointer; border-radius: 30px; -webkit-transition: all .3s; transition: all .3s; background: url(../images/i_play.png) no-repeat 50% rgba(0,0,0,0.4); content:''; transition:all .2s;}
.bestTime li .bestVideo{ position: absolute; left:0; top:0; z-index:-1; width:100%; height:515px;}
.bestTime li .company{ position: absolute; left:10px; top:480px; padding:5px 10px; border-radius:20px; background-color:rgba(0,0,0,.5); font-size: 12px; color:#fff;}
.bestTime li .bestVideo.active{z-index: 1;}
.bestTime li:hover #video-Control{display:block!important;}
.bestTime li:hover .pic:after{ background-color: rgba(0,0,0,.8);}
.bestTime li .t{ display:block; overflow:hidden; text-overflow:ellipsis; line-height:20px; height:20px; font-size:16px; text-align: center; color:#000;}
.bestTime li a:hover .t { color:#0063ff;}

/*热门路演厅*/
.hotRoomBox { position:relative; padding:50px 0; min-width:1200px; background:-webkit-linear-gradient(90deg, #3d516c, #201e40); background:-o-linear-gradient(90deg, #3d516c, #201e40); background:-moz-linear-gradient(90deg, #3d516c, #201e40); background:linear-gradient(90deg, #3d516c, #201e40);}
.hotRoom { position:relative; }
.hotRoom .list li { position:relative; float:left; margin-right:20px; overflow:hidden; box-sizing:border-box; width:285px; background-color:#fff;}
.hotRoom .list li:last-child { margin-right:0; }
.hotRoom .list .user { position:relative; padding:40px 20px 15px; height:260px; line-height:20px; text-align:center; }
.hotRoom .list .user .avatar { height:85px; width:85px; border:1px solid #eee; border-radius:50%; }
.hotRoom .list .user .name { margin:20px 0; display:block; font-size:18px; color:#333;}
.hotRoom .list .user .follow { display:inline-block; width:110px; height:36px; box-sizing:border-box; background-color:#0063ff; border-radius:3px; line-height:36px; text-align:center; color:#fff; font-size:16px; }
.hotRoom .list .user .follow:hover,.hotRoom .list .user .follow.ok { background-position:50% 50%; color:#fff; border:none; }
.hotRoom .list .user .industry { margin-top:25px; padding-left:20px; text-align:left; background:url(../images/i_tog.png) no-repeat 0 8px; font-size:16px; line-height:28px; color:#666; }
.hotRoom .list .user:after { position:absolute; left:0; bottom:0; width:100%; height:3px; font-size:0; line-height:0; content:''; background-position:50% 50%; }
.hotRoom .list .after { opacity:0; box-sizing:border-box; position:absolute; left:0; top:0; z-index:-1; padding:40px 20px 0; width:100%; height:100%; color:rgba(255,255,255,.7); background:url(../images/bg_hot.png) no-repeat 50% 50%; background-size:cover; transition:all .3s; -webkit-transition:all .3s; transform:scale(1.1,1.1);}
.hotRoom .list .after .name {display:block; font-size:18px; text-align:center;}
.hotRoom .list .after .intro {margin:25px 0 30px; height:140px; line-height:20px; overflow:hidden;}
.hotRoom .list .enter {text-align:center; }
.hotRoom .list .enter .btn { display:inline-block; vertical-align:top; border-radius:3px; width:115px; height:28px; line-height:28px; border:1px solid rgba(255,255,255,.4); color:rgba(255,255,255,.7); }
.hotRoom .list .enter .btn:hover { background-color:rgba(255,255,255,.1); }
.hotRoom .list li:hover .after { z-index:1; opacity:1; transform:scale(1,1); }

/*全景路演的客户*/
.guest{ margin:115px 0; text-align:center; line-height:1;}
.guest .t { font-size:30px; color:#000; font-weight:normal;}
.guest .tip {margin:15px 0 35px; font-size:16px; color:#666;}
.guest .list{ padding-top:34px;}
.guest .list a{ float:left; margin:0 24px 20px 0; width:180px; height:100px; line-height:100px; text-align:center; background-color:#f5f5f5; transition:all .3s;}
.guest .list a:nth-child(6n) { margin-right:0;}
.guest .list a:hover { box-shadow:0 4px 4px rgba(0,0,0,.2);}
.guest .list img{ max-width:90%; max-height:80%; vertical-align:middle;}

/*roadTab*/
.roadTab { padding:0 10px 0 40px; position:relative; height:55px; line-height:55px; border-bottom:1px solid #e1e0e0;}
.roadTab .t { position:absolute; left:50%; top:0; margin-left:-266px; height:56px; font-size:18px;}
.roadTab .t a { margin-right:70px; float:left; height:55px; line-height:55px; color:#222;}
.roadTab .t a:last-child { margin-right:0;}
.roadTab .t .active,.roadTab .t a:hover { border-bottom:1px solid #4285f4; color:#4285f4;}
.roadTab .more { float:right; font-size:12px;}
.roadTab .more a { color:#999;}
.roadTab .more a:hover { color:#4285f4;}

/*分享*/
.shareBar {position:absolute; right:-4px; bottom:-4px; padding:4px 0 0; width:28px; height:24px; overflow:hidden; transition:all .3s;}
.shareBar .tog,.shareBar .ico { background:url(../images/i_share.png) no-repeat;}
.shareBar .tog { position:absolute; right:0; top:0; z-index:1; width:28px; height:28px; background-position:right -80px; cursor:pointer;}
.shareBar .ico { background-color:#fff; display:inline-block!important; margin:0 2px 4px 0; width:20px!important; height:20px!important; cursor:pointer; vertical-align:bottom; border-radius:50%;}
.shareBar .ico:hover { box-shadow:1px 1px 3px #999;}
.shareBar .ico:last-child { margin-right:0;}
.shareBar .wx { background-position:0 0;}
.shareBar .zone { background-position:0 -20px;}
.shareBar .sina { background-position:0 -40px;}
.shareBar .follow { background-position:0 -60px; border-radius:0;}
.shareBar .wx:hover { background-position:-20px 0;}
.shareBar .zone:hover { background-position:-20px -20px;}
.shareBar .sina:hover { background-position:-20px -40px;}
.shareBar .follow:hover,.shareBar .follow.ok { background-position:-20px -60px; box-shadow:none;}
.shareBar:hover { width:auto; padding-right:32px; }

.noData { display:none; padding:240px 0 30px; text-align:center; color:#999; background:url(../images/nodata.png) no-repeat 50% 90px; }

/* reback*/
.reback { position:fixed; right:20px; top:50%; z-index:1; margin-top:-77px; padding-top:11px; width:35px; height:154px; background:url(../images/reback.png) no-repeat; cursor:pointer;}
.reback .ask {display:block; width:100%; height:100px;}
.reback .goUp { position:absolute; bottom:0; left:0; width:100%; height:35px;}
.goRoad { position:fixed; right:20px; top:50%; z-index:1; margin-top:-45px; padding:20px 20px 0; text-align:center; width:50px; height:70px; line-height:25px; font-size:22px; color:#fff; cursor:pointer; background-color:#4285F4; border-radius:50%;}
.goRoad:hover{ box-shadow:0 0 10px rgba(0,0,0,.3);}